<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${this[0].getText("project_name")} 登录</title>
<script type="text/javascript" src="${base}/static/js/jquery.js"></script>
</head>

<body>
<form id="form1" name="form1" method="post" action="${base}/j_spring_security_check">
  <table width="663" height="347" border="0" cellpadding="0" cellspacing="0" align="center"
    <tr>
      <td width="663" height="106" background="${base}/static/images/login_01.jpg">&nbsp;</td>
    </tr>
    <tr>
      <td height="196">
		  <table width="100%" height="100%" border="0"  cellpadding="0" cellspacing="0">
				<tr>
				  <td width="33%" height="250" rowspan="3" background="${base}/static/images/login_06.jpg">&nbsp;</td>
				  <td width="67%" height="30" background="${base}/static/images/login_08.jpg"></td>
				</tr>
				<tr>
				  <td height="157" bordercolor="#FFFFFF" bgcolor="#E5EFBA">
					  <table width="245" height="94" border="0" align="center" cellpadding="0" cellspacing="0">
						<tr>
						  <td width="100" height="29" background="${base}/static/images/login_16.jpg">&nbsp;</td>
						  <td width="145" bgcolor="#CDE48A"><input type="text" id="username" name="j_username" style="width:100px;" /></td>
						</tr>
						<tr>
						  <td height="30" background="${base}/static/images/login_21.jpg">&nbsp;</td>
						  <td bgcolor="#CDE48A"><input type="password" id="password" name="j_password"style="width:100px;" />&nbsp;</td>
						</tr>
						<tr>
						  <td height="27"  bgcolor="#CDE48A" style="text-align:center">
						    <img src="${base}/static/images/login_25.jpg" id="loginBtn" style="cursor:hand;">
						  </td>
						  <td bgcolor="#CDE48A" style="text-align:center">
						    <img src="${base}/static/images/login_27.jpg" id="resetBtn" style="cursor:hand;">
						  </td>
						</tr>
						<tr >
						  <#if error??>
						  <td height="27"  bgcolor="#E5EFBA" style="text-align:center;color:red;font-weight:bold;font-size:14px; " colspan = "2">
						    <#if error = "1">请检查用户名和密码！<#elseif error = "2">没有权限访问此页面！<#elseif error = "3">请先登录！</#if>
						  </td>
						  </#if>
						</tr>
				      </table>
				  </td>
				</tr>
				<tr>
				  <td height="42" bordercolor="#FFFFFF" bgcolor="#E5EFBA"></td>
				</tr>
	     </table>
	  </td>
    </tr>
    <tr>
      <td height="25" background="${base}/static/images/login_32.jpg">&nbsp;</td>
    </tr>
  </table>
</form>
<script>
	$("#loginBtn").bind("click", function() {
	   if($('#username')[0].value == ''){
	   	 alert("请输入用户名字！")
		 return ;
	   }	
	   
	   if($('#password')[0].value == ''){
	   	 alert("请输入密码！")
		 return ;
	   }	
	    
		$("#form1").submit();
	});
	
	$("#resetBtn").bind("click", function() {
	   $('#username')[0].value = '';
	   $('#password')[0].value = '';
	});

</script>
</body>
</html>
